<template>
 <div>
     <h2>Home</h2>
     <!-- 声明式路由导航 使用router-link组件 -->
     <router-link 
     :to="{path:'/Home/News'}"
      tag="button"
       replace 
       active-class="active"
       >新闻</router-link>

     <router-link 
     :to="{name:'Music'}" 
     tag="button" 
     replace 
     active-class="active"
     >音乐</router-link>


     <router-link 
     :to="{name:'Game'}"
      tag="button"
       replace 
       active-class="active"
       >游戏</router-link>
     
  <!-- 二级路由 -->
  <router-view></router-view>
 </div>
</template>

<script>
export default {
    name:"Home"
}
</script>

<style>

</style>